<template>
  <div class="main">
   <ul>

   </ul>
  </div>
</template>

<script>
export default {
  name: "Main",
  data() {
    return {
      dataList: [
        {title: "1", imgUrl: "1", id: "1"},
        {title: "2", imgUrl: "2", id: "2"},
        {title: "3", imgUrl: "3", id: "3"},
        {title: "4", imgUrl: "4", id: "4"},
        {title: "5", imgUrl: "5", id: "5"},
        {title: "6", imgUrl: "6", id: "6"},
        {title: "7", imgUrl: "7", id: "7"},
        {title: "8", imgUrl: "8", id: "8"},
      ],
    }
  }
}
</script>

<style scoped lang="less">
.main {
  width: 80%;
  margin: 10px auto 0 auto;
}

</style>